<template>
  <div class="details">
    <div class="head">
      <van-nav-bar left-arrow @click="onClickLeft">
        <template #right>
          <van-icon name="ellipsis" size="22" />
        </template>
      </van-nav-bar>
    </div>
    <div class="user">
      <img src="@/assets/img/find/ae3652a386e6bc1b42fc048be31bd739dcb39c353d5d5-MpoHmm_fw658.png" alt="" />
      <span>用户名</span>
    </div>
    <div class="text">
      <h2>香奈儿可可小姐馥郁香水推荐</h2>
      <p>
        香奈儿可可小姐馥郁香水留香时间长，非常有女人味，适合轻熟、独立、时尚的女子。
        2018年新款，延续经典东方调，献给所有全然接纳自己的天真、热情与恣意，并报之开怀微笑的女性。
        它香味浓郁，馥郁迷人的香氛，意蕴深远；缱绻延绵的香气经久不散，留香时间非常久。它是比较欧美风格的香水，很多明星、
        名媛会使用它，自带强大气场。西西里的柑橘和葡萄柚交织在一起，混合了加勒比海佛手柑，融合成生动2的全新的柑橘香调。
      </p>
      <img src="@/assets/img/find/f52563b1b223b471023c1642ea5f5909.png" alt="">
      
    </div>
    <div class="fff">
    <div class="ff">
    <van-cell-group inset>
    <van-field
    v-model="message"
    rows="1"
    label="留言"
    type="textarea"
    placeholder="小可爱~评论一下吧"
  />
</van-cell-group>
</div>
  </div>
  </div>
</template>

<script setup>
const onClickLeft = () => history.back();


</script>

<style lang="scss" scoped>
.head {
  width: 100%;
  height: 300px;
  // background-color: aquamarine;
  background-image: url('@/assets/img/find/fa105267470260a73703bb8a618c0656.png');
  background-size: 100%;
  background-position: 100% 99%
}
.user {
  margin: 20px 0;
  display: flex;
  align-items: center;
  img {
    margin-left: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
  }
  span {
    margin-left: 20px;
  }
}
.text {
  h2 {
    margin: 20px;
  }
  p{
    margin: 20px;
    font-size: 12px;
    color: rgb(102, 102, 102);
  }
  img{
    width: 100%;
    height: 80%;
  }
}
.fff{
  height: 63px;
.ff{
  position: fixed;
  width: 100%;
  height: 63px;
  bottom: 0;
  background-color: #ffffff;
}
}
</style>